// window.onload=function(){

    function jiaocheng(num){
        switch (num){
            case 1:
                $("#guide_box").css("display","block");
                $("[data-step='2']").css("display","none");
                $("[data-step='7']").css("display","none");
                $("[data-step='1']").css("display","block");
                $("#guide_box").removeClass('step2');
                $("#guide_box").addClass('step1');
                break;
            case 2:
                $("#guide_box").css("display","block");
                $("[data-step='1']").css("display","none");
                $("[data-step='3']").css("display","none");
                $("[data-step='2']").css("display","block");
                $("#guide_box").removeClass('step1');
                $("#guide_box").removeClass('step3');
                $("#guide_box").addClass('step2');
                break;
            case 3:
                $("#guide_box").css("display","block");
                $("[data-step='2']").css("display","none");
                $("[data-step='4']").css("display","none");
                $("[data-step='3']").css("display","block");
                $("#guide_box").removeClass('step2');
                $("#guide_box").removeClass('step4');
                $("#guide_box").addClass('step3');
                break;
            case 4:
                $("#guide_box").css("display","block");
                $("[data-step='3']").css("display","none");
                $("[data-step='5']").css("display","none");
                $("[data-step='4']").css("display","block");
                $("#guide_box").removeClass('step3');
                $("#guide_box").removeClass('step5');
                $("#guide_box").addClass('step4');
                break;
            case 5:
                $("#guide_box").css("display","block");
                $("[data-step='4']").css("display","none");
                $("[data-step='6']").css("display","none");
                $("[data-step='5']").css("display","block");
                $("#guide_box").removeClass('step4');
                $("#guide_box").removeClass('step6');
                $("#guide_box").addClass('step5');
                break;
            case 6:
                $("#guide_box").css("display","block");
                $("[data-step='5']").css("display","none");
                $("[data-step='7']").css("display","none");
                $("[data-step='6']").css("display","block");
                $("#guide_box").removeClass('step5');
                $("#guide_box").removeClass('step7');
                $("#guide_box").addClass('step6');
                break;
            case 7:
                $("#guide_box").css("display","block");
                $("[data-step='6']").css("display","none");
                $("[data-step='7']").css("display","block");
                $("#guide_box").removeClass('step6');
                $("#guide_box").addClass('step7');
                break;
        }

    }
// 点击新手帮助按钮，弹出教程
    $("#client_help").click(function(){
        // 定义当前步骤jc_num
        jc_num=1;
        jiaocheng(jc_num);
    });
    $("#guide_box .prompt>div a.prev").click(function(e){
        e.preventDefault(e);
        jc_num--;
        jiaocheng(jc_num);
    });
    $("#guide_box .cover").click(function(){
        jc_num++;
        jiaocheng(jc_num);
    });
    $("#guide_box .prompt>div a.next").click(function(e){
        e.preventDefault(e);
        jc_num++;
        jiaocheng(jc_num);
    });
    $("#guide_box button").click(function(){
        $("#guide_box").removeClass('step7');
        $("[data-step='7']").css("display","none");
        $("#guide_box").css("display","none");

    });


// }




